From ae87f1d43c6d2cf34bd2ea6fd7b4d28af6d2aa91 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 10 Nov 2023 21:33:49 -0800
Subject: nav update

---
 .../(app)/[username]/(profile)/+layout.svelte      | 32 ++++++-------
 src/routes/(app)/[username]/(profile)/+page.svelte | 20 +++-----
 src/routes/(app)/[username]/funds/+page.server.js  |  0
 src/routes/(app)/[username]/funds/+page.svelte     | 56 ++++++++++++++++++++++
 4 files changed, 79 insertions(+), 29 deletions(-)
 create mode 100644 src/routes/(app)/[username]/funds/+page.server.js
 create mode 100644 src/routes/(app)/[username]/funds/+page.svelte

(limited to 'src/routes/(app)/[username]')

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 35c316bb..8790aaf2 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -17,7 +17,7 @@
 	$: ({ currency, username: n, display } = subject);
 
 	$: username = n.length > 60 ? n.substr(0, 6) : display || n;
-	$: npub = bech32m.encode('npub', toWords(hexToUint8Array(user.pubkey)), 180);
+	$: npub = bech32m.encode('npub', toWords(hexToUint8Array(subject.pubkey)), 180);
 	$: lnaddr = `${n}@${$page.url.host}`;
 	$: profile = `${$page.url.host}/${n}`;
 
@@ -147,7 +147,7 @@
 				{#if following}
 					<div class="w-full flex">
 						<button
-							class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
+							class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
 							on:click={unfollow}
 						>
 							<div class="mx-auto flex">
@@ -159,7 +159,7 @@
 				{:else}
 					<div class="w-full flex">
 						<button
-							class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+							class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
 							on:click={follow}
 						>
 							<div class="mx-auto flex">
@@ -171,29 +171,29 @@
 				{/if}
 			{/if}
 
-			{#if !subject.anon && subject.username !== user?.username}
-				<div class="w-full flex">
-					<a
-						href={user ? `/send/${subject.username}` : `/${subject.username}/receive`}
-						class="mx-auto"
-					>
+			{#if user && user.username !== subject.username && subject.pubkey}
+				<div class="w-full flex mb-4">
+					<a href={`/${subject.username}/messages`} class="mx-auto">
 						<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
 							<div class="mx-auto flex">
-								<Icon icon="send" style="mr-2" />
-								<div class="mt-1">{$t('user.pay')}</div>
+								<Icon icon="support" style="mr-2 my-auto" />
+								<div class="mt-1 my-auto">{$t('user.message')}</div>
 							</div>
 						</button>
 					</a>
 				</div>
 			{/if}
 
-			{#if user && user.username !== subject.username && subject.pubkey}
+			{#if !subject.anon && subject.username !== user?.username}
 				<div class="w-full flex">
-					<a href={`/${subject.username}/messages`} class="mx-auto">
+					<a
+						href={user ? `/send/${subject.username}` : `/${subject.username}/receive`}
+						class="mx-auto"
+					>
 						<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
 							<div class="mx-auto flex">
-								<Icon icon="support" style="mr-2 my-auto" />
-								<div class="mt-1 my-auto">{$t('user.message')}</div>
+								<Icon icon="send" style="mr-2" />
+								<div class="mt-1">{$t('user.pay')}</div>
 							</div>
 						</button>
 					</a>
@@ -203,7 +203,7 @@
 	</div>
 
 	<div class="w-full">
-		<div class="mx-auto space-y-5 lg:max-w-lg xl:max-w-2xl lg:pl-10">
+		<div class="mx-auto space-y-5 lg:max-w-xl lg:pl-10 xl:max-w-2xl lg:pl-10">
 			<slot />
 		</div>
 	</div>
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 84aa4425..180b12bd 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -96,21 +96,21 @@
 			<div class="flex flex-wrap gap-4 justify-center w-full">
 				<a href={`/${user.username}/receive`} class="w-full md:w-60">
 					<button
-						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full md:w-60"
+						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full"
 					>
 						<div class="mx-auto flex">
-							<Icon icon="numpad" style="my-auto h-6 mr-2" />
-							<div class="my-auto mt-1">{$t('user.requestPayment')}</div>
+							<Icon icon="receive" style="my-auto h-6 mr-2" />
+							<div class="my-auto mt-1">{$t('user.dashboard.receive')}</div>
 						</div>
 					</button>
 				</a>
-				<a href={`/scan`} class="w-full md:w-60">
+				<a href={`/send`} class="w-full md:w-60">
 					<button
-						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full md:w-60"
+						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full"
 					>
 						<div class="mx-auto flex">
-							<Icon icon="scan" style="my-auto h-6 mr-2" />
-							<div class="my-auto mt-1">{$t('user.send.scan')}</div>
+							<Icon icon="send" style="my-auto h-6 mr-2" />
+							<div class="my-auto mt-1">{$t('user.dashboard.send')}</div>
 						</div>
 					</button>
 				</a>
@@ -225,9 +225,3 @@
 		</div>
 	{/if}
 </div>
-
-<style>
-	h1 {
-		@apply mb-2;
-	}
-</style>
diff --git a/src/routes/(app)/[username]/funds/+page.server.js b/src/routes/(app)/[username]/funds/+page.server.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/routes/(app)/[username]/funds/+page.svelte b/src/routes/(app)/[username]/funds/+page.svelte
new file mode 100644
index 00000000..6479fb8b
--- /dev/null
+++ b/src/routes/(app)/[username]/funds/+page.svelte
@@ -0,0 +1,56 @@
+<script>
+	import { Avatar, Icon } from '$comp';
+	import { t } from '$lib/translations';
+
+  export let data;
+
+  let { funds } = data;
+</script>
+
+<div class="mt-24 mb-20">
+	<h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">
+		Funds
+	</h1>
+
+	<div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
+		<div class="text-base">
+					<div class="grid grid-cols-3 border-b h-24 hover:bg-gray-100 px-4">
+						<div class="whitespace-nowrap my-auto">
+
+							<div class="text-secondary">
+								
+							</div>
+						</div>
+
+						<div class="flex my-auto">
+									<div class="text-secondary flex">
+										<div class="my-auto mr-1">
+											<img src="/images/moneypot.png" class="w-12" alt="Pot" />
+										</div>
+
+										<div class="my-auto">Pot</div>
+									</div>
+						</div>
+
+						<div class="text-secondary text-right text-sm my-auto">
+							<div>
+							
+							</div>
+						</div>
+					</div>
+		</div>
+
+		<button
+			class="ml-auto rounded-full border py-2 px-4 w-36 hover:opacity-80 flex mx-auto"
+		>
+			<Icon icon="plus" style="opacity-50 mr-2 my-auto" />
+			<div class="my-auto">{$t('payments.create')}</div>
+		</button>
+	</div>
+</div>
+
+<style>
+	.active * {
+		@apply bg-black text-white border-black;
+	}
+</style>
-- 
cgit v1.2.3